<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>波点图制作</title>
    <link rel="stylesheet" href="./css/ps2.css">

    <link rel="stylesheet" href="../瑜-ps/css/导航栏.css">
    <script src="../哲/搜索.js"></script>
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>

<body>
    <div>

        <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

        <div>
           <!-- logo名字 -->
           <!-- 搜索栏(含js) -->
           <!-- 小组信息 -->
           <div class="title">
               <img src="../兰/images/logo.png" alt="">
               <input id="searchInput" placeholder="请输入关键词" type="text">
               <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
               <div class="three">
                   <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                   <p><a href="" target="_blank">视频</a></p>
                   <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
               </div>
           </div>
       </div>

       <!-- 导航栏 -->
       <d>
           <!-- 主菜单 -->
           <div class="nav">
               <ul>
                   <!-- 导航栏中 -->
                   <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                   <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                   <li><a href="../index首页.html">首页</a></li>

                   <li><a href="../li/hcj.html">Web前端</a></li>
                   <li><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                   <li><a href="../兰/摄影.html">Photography</a></li>
                   <div class="deng">
                       <!-- 导航栏右 -->
                       <li class="qr">
                           <!-- 鼠标悬停时下方出现二维码 -->
                           <a href="">
                               <span>客户端下载</span>
                           </a>
                           <!-- 二维码 -->
                           <div>
                               <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                           </div>
                       </li>
                       <!-- (含js) -->
                       <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                       <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                   </div>
               </ul>
           </div>
   </div>

    <div class="tit">
        <ul>
            <h1>Photoshop波点图制作</h1>
            <!-- 框架：h1大的黑体字 -->
            <li>ps参考教程/波点图制作/ps参考教程</li>
            <!-- li小的灰色字体 -->
        </ul>
    </div>

    <div style="text-align: center;color: #0000009b;">此页教程讲述了图层的具体内容。</div>
    <!-- 俩个框架之间的灰色字。 -->

    <div class="content">
        <div class="card">
        <h3>什么是图层</h3>
        <h4>
            Photoshop是一款以“图层”为基础操作单位的制图软件。“图层”是Photoshop操作进行一切操作的载体。
            ps软件中的图层就好比是一张“透明纸”，将图像的各个部分绘制在不同的“透明纸”（图层）上，透过每一层“透明纸”（图层），可以看到纸后的东西，而且每层纸都是独立的，无论在这层智商如何涂画，都不会影响到其他图层中的图像。
            最后将“透明纸”叠加在一起，通过移动每个“透明纸”上的图像位置，以及“叠放顺序，然后从上向下俯瞰，即可得到一个最终合成效果。
        </h4>
        <img src="./ps-image/波点图1.jpg" alt="">

        <h4>
            在“图层”模式下，操作起来非常方便、快捷。如要在画面中添加一些元素，可以新建一个空白图层，然后在新的图层中绘制内容。
            这样新绘制的图层不仅可以随意移动位置，还可以在不影响其他图层的情况下进行内容的编辑。
            图层除了方便操作以及图层之间互不影响外，Photoshop的图层之间还可以进行“混合”，例如上放的图层降低了不透明度，逐渐显现出下方图层。
            或者通过设置特定的“混合模式”，使画面呈现出奇特的效果
        </h4>
        <img src="./ps-image/波点图2.jpg" alt="">
    </div>
    <div class="card">
        <h3>吸管工具：选取画面中的颜色</h3>
        <h4>
            “吸管工具” 可以吸取图像的颜色作为前景色或背景色。使用“吸管工具”在图像中单击，此时拾取的颜色将作为前景色。按住Alt键，然后单击图像中的区域，此时拾取的颜色将作为背景色。
            便于利用素材的颜色，使得整体设计色彩更加协调
        </h4>
        <img src="./ps-image/波点图3.jpg" alt="">
        <img src="./ps-image/波点图4.jpg" alt="">

        <h3>使用“色板”面板选择颜色 </h3>
        <h4>
            执行“窗口>色板”菜单命令，打开“色板”面板，单击颜色块即可将其设置为前景色。按住Ctrl键单击颜色块即可将其设置为背景色。按住Alt键单击颜色块即可将其设置为背景色。
        </h4>
        <img src="./ps-image/波点图5.jpg" alt="">
     </div>
     <div class="card">
        <h3>填充与描边</h3>
        <h4>
            有了选区后，不仅可以删除画面中选区内的部分，还可以对选区内部进行填充，在Photoshop中有多种填充方式，可以填充不同的内容，需要注意的是没有选区也是可以进行填充的。除了填充，在包含选区的情况下还可为选区边缘进行描边。
            前景色或背景色的填充是非常常用的，所以我们通常都使用快捷键进行操作。选择一个图层或者绘制一个选区。接着设置合适的前景色，然后使用前景色填充快捷键：Alt+Delete；
            使用背景色填充快捷键：Ctrl+Delete。
        </h4>
        <img src="./ps-image/波点图6.jpg" alt="">
        <img src="./ps-image/波点图7.jpg" alt="">
</div>
    </div>
</body>
<foot
    style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
    <!-- 页脚框架 -->
    <div>
        <div>
            <!-- logo为单独一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
            </div>
            <!-- csdn二维码和w3cschool二维码 为一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                    alt="">
            </div>
        </div>

        <!-- （一行白字）相关链接、版权声明等 -->
        <div>
            <style>
                a {
                    color: black;
                }
            </style>
            <a href="" target="_blank">相关链接</a>
            <a href="" target="_blank">隐私政策</a>
            <a href="" target="_blank">版权声明</a>
            <a href="" target="_blank">反馈箱</a>
            <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
            <a href="../兰/小组.html" target="_blank">关于我们</a>
        </div>

        <!-- 灰白字体 -->
        <div>
            <div>
                &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
            </div>
            <div>
                网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
            </div>
        </div>
    </div>
</foot>
</html>